<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>电影详情</title>
    <%- include conmon %>
</head>

<body>
    <!-- 头部结构 -->
    <%- include('header',{title:"movie"}) %>

    <div class="container">
        <div class="row">
            <!-- 详情部分 -->
            <div class="col-md-6">
                <h2 class="text-danger">电影详情</h2>
                <!-- thumbnail图文混合 -->
                <div class="thumbnail">
                    <img src="<%- result.images.medium.replace(/img7/,'img3') %>" alt=""
                        style="width:100%;height:480px " />
                    <div class="caption">
                        <h4 class="text-primary pull-right"> <%- result.year %> </h4>
                        <h4 class="text-danger"> <%- result.title %> </h4>
                        <p class="text-success">评分: <%- result.rating.average %></p>
                        <p class="text-info">导演：<%-  result.directors[0].name %> </p>
                        <p class="text-warnning">分类：<%- result.genres %> </p>
                    </div>
                </div>
            </div>
            <!-- 评论部分 -->
            <div class="col-md-6">
                <h2 class="text-info">电影评论</h2>
                <form action="/comment/submit?mid=<%- result.id %>" method="POST">
                    <div class="form-group">
                        <label for="titleInput" class="col-sm-2 control-label">评论标题</label>
                        <input name="title" type="text" class="form-control" id="titleInput" placeholder="请输入标题">
                    </div>
                    <div class="form-group">
                        <label for="contentInput" class="col-sm-2 control-label">评论内容</label>
                        <textarea name="content" class="form-control" id="contentInput" cols="30" rows="10"></textarea>
                    </div>
                    <button class="btn btn-success" type="submit">提交</button>
                    <button class="btn btn-danger" type="reset">重置</button>
                </form>
            </div>
        </div>
    </div>
    
    <!-- 尾部结构 -->
    <%- include footer %>
</body>

</html>